<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>分页与标签</title>
    <link href="../../css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
        <nav>
            <ul class="pagination pagination-lg">
                <li class="disabled"><a href="#">&laquo;</a></li>
                <li class="active"><a hcref="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li><a href="#">6</a></li>
                <li><a href="#">&raquo;</a></li>
            </ul>
        </nav>
        <nav>
            <ul class="pagination">
                <li class="disabled"><a href="#">&laquo;</a></li>
                <li class="active"><a hcref="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li><a href="#">6</a></li>
                <li><a href="#">&raquo;</a></li>
            </ul>
        </nav>
        <nav>
            <ul class="pagination pagination-sm">
                <li ><a href="#">&laquo;</a></li>
                <li ><a hcref="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li class="active"><a href="#">6</a></li>
                <li class="disabled"><a href="#">&raquo;</a></li>
            </ul>
        </nav>
        <nav>
            <ul class="pager">
                <li><a href="#">下一页</a></li>
                <li><a href="#">上一页</a></li>
            </ul>
        </nav>
        <nav>
            <ul class="pager">
                <li class="previous disabled"><a href="#">&larr;向前</a></li>
                <li class="next"><a href="#">&rarr;向后</a></li>
            </ul>
        </nav>

        <span class="label label-default">default</span>
        <span class="label label-danger">danger</span>
        <span class="label label-success">success</span>
        <span class="label label-primary">primary</span>
        <span class="label label-info">info</span>
        <span class="label label-warning">warning</span>
        <h3>asdrtyu<span class="label label-default">default</span>45678</h3>

</body>
</html>